body {
    fill: #424242;
}

#blockly {
    background: #424242;
}

.blocklySvg {
    background-color: #424242 !important;
}

.blocklyMainBackground {
    fill: #424242 !important;
}

::-webkit-scrollbar-track {
    background: #505050;
}

::-webkit-scrollbar-corner {
    background: #505050;
}

::-webkit-scrollbar-thumb {
    background: #323232;
}

::-webkit-scrollbar-thumb:hover {
    background: #424242;
}

.blocklyToolboxDiv {
    background-color: #323232;
    color: white;
}

.blocklyTreeRow:not(.blocklyTreeSelected):hover {
    background-color: #e4e4e4 !important;
    color: #323232 !important;
}

.blocklyTreeSeparator {
    border-bottom: solid #505050 1px;
}

.blocklyFlyout {
    background-color: #323232c2;
}

.blocklyScrollbarVertical .blocklyScrollbarHandle {
    fill: #323232;
}

.blocklyScrollbarVertical:hover .blocklyScrollbarHandle {
    fill: #3e3d3d;
}

.blocklyScrollbarHorizontal .blocklyScrollbarHandle {
    fill: #323232;
}

.blocklyScrollbarHorizontal:hover .blocklyScrollbarHandle {
    fill: #3e3d3d;
}

.whlab > .blocklyFlyoutLabelText {
    fill: white !important;
}

.blocklyDropDownDiv {
    background: #505050 !important;
    border-color: #1e1e1e !important;
}

.blocklyDropDownDiv .goog-menuitem-content {
    color: white !important;
}

.blocklyTooltipDiv {
    background-color: #323232;
    color: white;
}

.blocklyWidgetDiv .goog-menu {
    background: #323232 !important;
    border-color: #505050 !important;
}

.blocklyWidgetDiv .goog-menuitem-content {
    color: white;
}

.blocklyCommentTextarea {
    background: #3e3e3e;
    color: white;
}

.blocklyMutatorBackground {
    fill: #3e3e3e;
    stroke-width: 0;
}

.blocklySelected > .blocklyPath {
    stroke: #fff !important;
    stroke-width: 2px !important;
}

.blocklyHtmlTextAreaInput {
    background: #323232;
    color: white;
}